<template>
	<view>
		<navBar title="发放记录"></navBar>
		<view class="top-bg"></view>
		<view class="content">
			<view v-if="list.length">
				<view class="coupon-panel" v-for="item in list" :key="item.id">
					<view class="title">
						<view class="title-left">
							{{item.couponMoney || ''}}元{{item.merchantCouponType===1?'满减券':'全免券'}}
							<!-- 单次全免券 -->
						</view>
						<image v-if="item.merchantCouponType===1" class="tag" :src="bg_image.iconTag1"></image>
						<image v-else class="tag" :src="bg_image.iconTag2"></image>
					</view>
					<view class="coupon-info">
						<view class="line">
							<text>领取用户：</text>
							<text>{{item.phoneNumber || ''}}</text>
						</view>
						<view class="line">
							<text>领取时间：</text>
							<text>{{item.createTime || ''}}</text>
						</view>
					</view>
				</view>
			</view>
			<view class="page-result" v-else>
				<image class="page-result-icon" :src="bg_image.couponResult"></image>
				<view class="page-result-msg">抱歉，暂无优惠券数据信息~</view>
			</view>
			<uni-load-more v-if="list.length" :status="status" :content-text="contentText"
				@clickLoadMore="clickLoadMore" />
		</view>
	</view>
</template>

<script>
	import claimRecord from './js/claimRecord'
	
	import uniLoadMore from './components/uni-load-more/components/uni-load-more/uni-load-more.vue'
	export default {
		components: {
		  uniLoadMore
		},
		...claimRecord 
	}
</script>

<style lang="less" scoped>
	@import url('./css/claimRecord.less');
</style>